5 Replies - 2792 Views - Last Post: 23 November 2013 - 02:02 PM

#1 mercy_angel  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 61
  • Joined: 28-February 13

responsive web site question

Posted 23 November 2013 - 01:01 PM

if I specifed the h1 in 660 or lower, and in 800, when I go to 800resolution, it show me h1 element in 660resolution, smaller. I understand it going cascade, last you defined, it is choosen, but how to solve than?
It is normaly when I am at 720 it fits h1 with h1 I was defined in 800 resolution..

Posted Image
Is This A Good Question/Topic? 0
  • +

Replies To: responsive web site question

#2 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3333
  • View blog
  • Posts: 11,293
  • Joined: 12-December 12

Re: responsive web site question

Posted 23 November 2013 - 01:08 PM

I can't really follow your description.

Please post you css code (wrapped in code tags), it will be easier for people to help you if they can copy and paste your code. it will be easier to read as well.
Was This Post Helpful? 0
  • +
  • -

#3 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3333
  • View blog
  • Posts: 11,293
  • Joined: 12-December 12

Re: responsive web site question

Posted 23 November 2013 - 01:19 PM

I am guessing that h1 { font-size: 40px; } should be within the previous media screen .. rules.

I don't have much experience with media queries, but if you want to set a default for the css (that isn't matched by any of your media-css) then this should, I believe, appear before (above) the media-rules. Alternatively, investigate media all...

http://css-tricks.co...-media-queries/

This post has been edited by andrewsw: 23 November 2013 - 01:21 PM

Was This Post Helpful? 0
  • +
  • -

#4 mercy_angel  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 61
  • Joined: 28-February 13

Re: responsive web site question

Posted 23 November 2013 - 01:28 PM

No, I want, if the resolution is 660 and lower, h1 will be 60px, and when resolution is 480 and lower, 40px.
part of my css


@media screen and (max-width:660px){
	#flasha-cnt1 {text-align:center}
	#naslovna {background-position:50% 0}
	#container1 {
		padding:10px;
		width:auto;

 }
 	h1{font-size:60px;}

 #container3 {
		padding:0;
		width:auto;	
		}
	#top1 img{
		float:none!important;
		width:50%;
		max-width:194px;
		height:auto;
		margin:auto;
		display:block;	
	}
	#naslovna h1.fancy1 {
 	font-size:35px;
		line-height:1.2;
		text-align:center;
	}
	.zivilav {font-size:45px;text-align:center}
	#naslovna h1.fancy1{margin:0}
	#naslovna h1.fancy1 span{margin:10px 0 0}
	ul#list-of-items-first-row1 {padding:0;margin:0;}
	.img283{width:220px;height:auto}
	.img68 {width:30px;height:auto;margin:0 10px 10px 0}
	.img947 {width:300px;height:auto}

	}

@media screen and (max-width:480px){
	#naslovna h1.fancy1 {
 	font-size:25px;
		line-height:1.2;
		text-align:center;
	}	
	.zivilav {font-size:30px;text-align:center}
	.video,.img283{float:none;display:block;margin:auto}
.img947 {width:240px;height:auto}
h1{font-size:40px;}




Maybe I put this theme in wrong part.
Was This Post Helpful? 0
  • +
  • -

#5 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3333
  • View blog
  • Posts: 11,293
  • Joined: 12-December 12

Re: responsive web site question

Posted 23 November 2013 - 01:57 PM

Your bracket alignment is confusing, it is a little hard to tell where each css-section ends.

I see that you are using the CSE Validator. What happens when you validate the css?
Was This Post Helpful? 0
  • +
  • -

#6 mercy_angel  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 61
  • Joined: 28-February 13

Re: responsive web site question

Posted 23 November 2013 - 02:02 PM

I don't have option to validate css.
Maybe i don't copy ok, it is not so much interesting.
I just want to ask, how to change font size in different resolution, if it goes cascade(last declaration is using).
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1